<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.text.DateFormat"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@ page import="java.io.*,java.util.*"%>
<%@ page import="com.srv.pojo.Reserva"%>
<%@ page import="com.srv.pojo.Veiculo"%>
<%@ include file="vAcesso.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Seja Bem-Vindo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
</style>
<link href="css/stylePrincipal.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="javascript/jquery-1.8.1.js"></script>

<script>
function excluirReserva(sequencialReserva, codigo, descricao){
	var resp = window.confirm("Deseja realmente excluir a Reserva "+sequencialReserva+" ?\n"+descricao);
	if(resp){
		form = document.getElementById("form_alteracao"+codigo);
		form.tipo_operacao.value = "excluir";
		form.submit();
	}
}
function alterarReserva(sequencialReserva, codigo){
	form = document.getElementById("form_alteracao"+codigo);
	form.tipo_operacao.value = "alterar";
	form.method="post";
	form.action="ModificarReservaServlet";
	form.submit();
}
</script>
</head>
<body>
	<div id="mensagem">
		${msg }
	</div>
	<div id="sessao">
		<!--
		Alterada a forma como era mostrado o endereco de email para
		corresponder com o que foi passado em sala
		-->
		Usuário [<%=session.getAttribute("email").toString()%>]
		<a href="SairServlet">
			<img src="images/sair.png" alt="sair">
		</a>
		<br />
	</div>
	<div id="logo">
		<img alt="SRV" src="images/iconSrv.png">
	</div>
	<div id="tudo">

		<div id="menu">
			<div id="espande">
				<div class="info">
				<% if(request.getParameter("msg") != null){%>
				  <h2><%=request.getParameter("msg")%></h2>
				<%}%>
					<div class="item">
						<b>Minhas Reservas</b>
					</div>
					<div class="conteudo">
						<%
							int count=1;
							//Retirada a criação de instâncias dentro do loop para evitar que seja
							//alocado espaço para uma instância específica a cada passada do loop.
							DateFormat dateFormat = new SimpleDateFormat("dd/MM/yyyy");
							List<Reserva> reservas = (List<Reserva>)session.getAttribute("reservas");
							//Ajustado loop para facilitar a compreensão - retirado o Iterator.
							for(Reserva auxReserva : reservas) {
						%>
								<h2>
									Reserva <%=count%> <font size="0.8">(<%=auxReserva.getVeiculo().getDescricao() %>)</font>
								</h2>
								<form id="form_alteracao<%=auxReserva.getRescode()%>" name="form_alteracao<%=auxReserva.getRescode()%>" action="AlterarReservaServlet" method="get">
									<input id="tipo_operacao" name="tipo_operacao" type="hidden">
									<input id="rescode" name="rescode" type="hidden" value="<%=auxReserva.getRescode()%>">
									<input id="vecode" name="vecode" type="hidden" value="<%=auxReserva.getVeiculo().getVecode()%>">
									<table id="form_tabela" width="100%">
										<tr>
											<td width="20%" class="form_label">Data de Partida</td>
											<td><%=dateFormat.format(auxReserva.getDataPartida())%></td>
											<td width="20%" class="form_label">Hora de Partida</td>
											<td><%=auxReserva.getHoraPartida().getHorario()%></td>
											<td rowspan="2">
												<img src="images/icons/edit.gif" onClick="alterarReserva('<%=count%>', '<%=auxReserva.getRescode()%>');"/> &nbsp;&nbsp;
												<img src="images/icons/delete.gif"  onClick="excluirReserva('<%=count%>', '<%=auxReserva.getRescode()%>', '<%=auxReserva.getVeiculo().getDescricao() %>');"/>
											</td>
										</tr>
										<tr>
											<td width="20%" class="form_label">Data de Retorno</td>
											<td><%=dateFormat.format(auxReserva.getDataRetorno())%></td>
											<td width="20%" class="form_label">Hora de Retorno</td>
											<td><%=auxReserva.getHoraRetorno().getHorario()%></td>
										</tr>
									</table>
								</form>
						<%		count++;
							}
						%>
					</div>
				</div>
				<div class="info">
					<div class="item">
						<b>Efetuar Reservas</b>
					</div>
					<div class="conteudo">
					
						<%
							List<Veiculo> veiculos = (List<Veiculo>)session.getAttribute("veiculos");
							for(Veiculo veiculo : veiculos) {
						%>
								<p>
								<%
									if (veiculo.getTipoVeiculo() == 1) {
								%>
										<img src="images/iconBus.png">
								<%
									} else {
								%>
										<img src="images/iconPlane.png">
								<%
									}
								%>
										<a href="EfetuarReservaServlet?vecode=<%=veiculo.getVecode()%>">
											<%=veiculo.getDescricao()%>
										</a>
								</p>
						<%
							}
						%>
					
						<!--<p>
							<img src="images/iconBus.png">
							<a href="efetuarReserva.jsp?tipoVeiculo=bus">
								Ônibus
							</a>
						</p>
						<p>
							<img src="images/iconPlane.png">
							<a href="efetuarReserva.jsp?tipoVeiculo=plane">
								Avião
							</a>
						</p> -->
						
						
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
		/* 
		Este é o script que faz o trabalho.		
		Pegando o click
		 */
		$(".info div:first-child").click(function() {

			/* pegando a div que será executado o efeito */
			var f = $(this).parent().children("div:last-child");

			/* apenas para mudar a imagem "setinha" */
			if (f.is(":hidden")) {
				$(this).css("background-image", "url('images/a.png')");
			} else {
				$(this).css("background-image", "url('images/b.png')");
			}

			/* executa o efeito */
			f.slideToggle("slow");

		});
	</script>
</body>
</html>